<template>
    <div class="welcome">
        <div class="logo-container">
            <img src="@/assets/logo.gif" alt="os-easy">
        </div>
        <x-button link="/home" :gradients="['#1D62F0', '#19D5FD']">登记投递职位</x-button>
        <x-button link="/login" :gradients="['#6F1BFE', '#9479DF']">查看我的简历</x-button>

        <p class="text-bold">登记投递职位流程：</p>
        <ol>
            <li>登记投递职位</li>
            <li>选择您中意的职位</li>
            <li>填写基本信息</li>
            <li>填写微简历，可选择上传简历文件</li>
            <li>投递成功</li>
        </ol>

        <p class="text-bold">查看我的简历流程：</p>
        <ol>
            <li>查看我的简历</li>
            <li>通过邮箱验证身份</li>
            <li>登录成功</li>
            <li>查看所有简历、修改微简历、下载简历</li>
        </ol>
    </div>
</template>

<script>
    import {XButton} from 'vux';

    export default {
        name: 'Welcome',

        components: {
            XButton
        }
    };
</script>

<style lang="less" scoped>
    .welcome {
        padding: 0 1rem;

        .logo-container {
            text-align: center;
            padding: 2rem 0 2rem;
        }

        p {
            padding: 1rem 1rem 0;
        }

        ol {
            padding: 0 1.5rem;

            li {
                line-height: 1.5;
            }
        }
    }
</style>
